<!--Record -->
<template>
	<view class="record">
		<PageWarpper page-name="缴费记录">
			<template v-slot:main>
				<!-- <view class="record-list">
					<view
					  class="list-cell d-flex border-top border-bottom"
					  v-for="(item, index) in 20"
					  :key="index"
					  @click="openPage()"
					>
					  <OrderInfo style="flex: 1" btn-name="查看详情" />
					</view>
				</view> -->
				 <view style="margin-top: 133px">
					<EmptyCard
					  :info="{
					    icon: 'empty_icon3',
					    iconWidth: '222rpx',
					    tip: '暂无数据',
					    es: 'No Datas',
					    desc: '暂无相关内容',
					  }"
					/>
				</view>
				
			</template>
		</PageWarpper>
	</view>
</template>

<script setup>
	import PageWarpper from "@/components/Layer/PageWarpper.vue";
	import OrderInfo from "@/components/List/OrderInfo.vue";
	import EmptyCard from "@/pages/empty/Card.vue";
	
	let openPage = ()=>{
		uni.navigateTo({
			url:"/park/detail"
		})
	}
</script>

<style lang="scss" scoped>
	.record-list {
		.list-cell {
			min-height: 204rpx;
			margin-bottom: 34rpx;
			background-color: #ffffff;
		}
	}
</style>